@charset "utf-8";

/* CSS Document */







/*@media screen and (max-width: 1400px) {*/



.container{width: 1200px; }



.header{ height:auto; padding-bottom:20px;}

.header::after { top:74px;}

.header .logos{ margin-top:30px;}

.header .logos img{ height:70px;}

.search{ margin-top:20px;}

.nav{ padding-right:0;}



.tit01{ height:60px; line-height:60px; }

.tit01 h3{ line-height:57px;}



.newsban img{ height:295px;}

.news li{}

.news li .title{ font-size:14px;}



.hot .htxt{ font-size:16px;}



.business{ margin-top:29px;}


.dbkuai li a{ padding: 22px 0 22px 40px }
.dbkuai li .name{ font-size:26px; line-height: 95px;}
.dbkuai li .ico{ height:95px; width:95px;}



.hotns{ padding-bottom:10px; margin-bottom:5px;}

.toutiao .tname{ font-size:16px;}

.imglist li span{ font-size:14px; margin-top:10px;}



.top_column{ font-size:26px;}

.nttit{  height:80px; }

.nttit h3{ font-size:26px; line-height:77px; }



.infolist li .txt h3{ font-size:20px;}

.infolist li .txt p{ margin-top:10px; font-size:14px;}



.showtop h1{ font-size:32px;}



.recom01 .profile{ height:330px;}

.address{ height:330px;}



.recom02 li{ height:330px;}

.recom02 li .img{ margin-bottom:20px;}



.recom03 .events{ height:330px;}

.recom03 .events .dsjlist li{ line-height:45px;height:45px;}

.recom03 .honor{ height:330px;}



.service01 li a{ padding:40px 0 40px 30px;}

.service01 li .txt .cn{ font-size:26px;}

.service01 li .txt .en{ font-size:26px;}



.bussan li h3{ font-size:20px;}

.bussan li.san02{ width:40%;margin-left:-20%;}

.bussan li.san01{ width:220px; height:220px;}

.bussan li.san01 p{ padding:0 20px;}

/*}*/



@media screen and (max-width: 1200px) {

.container{ width:100%;}

.header::after { display:none;}

.nav li{ font-size: 16px; width: 120px; }

.ftxt{ margin-top:25px; }

.ftxt p{ margin-bottom:0;}

.ftxt p span{ display:block;}



.nyban .banwz{ padding-right:10px;}



.nsban img{ height:350px;}



.infolist li .txt h3{ font-size:18px;}

.infolist li .txt p{ margin-top:5px;}



.nyban .bantxt{ right:2%; top:12%; }

.nyban .bantxt .en{ font-size:24px; line-height:36px;}

.nyban .bantxt .cn{ font-size:24px; line-height:36px;}



.service01 li a{ padding:30px 0 30px 20px;}

.service01 li .img{ width:60px; height:60px;}

.service01 li .txt .cn{ font-size:24px; line-height:30px;}

.service01 li .txt .en{ font-size:24px; line-height:30px;}



.dsj{ width:785px;}

.dsj::after { left:392px;}

.dsj li{ width:392px;}

.dsj li.fl{ padding-right:70px;}

.dsj li.fl h3::after { width:70px; right:-70px;}

.dsj li.fr{ padding-left:70px;}

.dsj li.fr h3::after { width:70px; left:-70px;}



.bussan{ padding:0;}

.bussan li.san01{ width:100%; height:auto; margin:0;border-radius:0; text-align:center; padding-bottom:20px; float:none;}

.bussan li.san01 .img{ margin:20px 0 10px 0;}

.bussan li.san02{ width:100%; height:auto; position:static; margin:20px 0; }

.bussan li.san02 .img img{ max-width:100%; width:auto; margin:0 auto;}


.infols li .name{ font-size: 20px; }

.wh02{ background:url(../images/tuimg.jpg) no-repeat right center; height:auto; }

.dw01,.dw02,.dw03,.dw04,.dw05,.dw06,.dw07{position: static; width:100%; text-align:left; margin-bottom:10px;}

.wh03{ padding-right:0;}
}



@media screen and (max-width: 1024px) {

.header{ padding-bottom:10px;}

.header .logos{ margin-top:23px;}

.header .logos img{ height:60px;}

.search{ margin-top:10px;}

.nav{ margin-top:10px; padding-left:70px;}

.nav li{ font-size:15px; width:100px;}



.business{ margin-top:14px;}



.dbkuai li .ico{ height:80px; width:80px;}

.dbkuai li .name{ line-height:80px; font-size:22px; margin-left:30px;}

.dbkuai li span{ top:10px; right:20px;}





.dbty{ margin-top:20px;}



.bus02 .img{ width:100%;}

.bus02 .txt{ width:100%; margin-top:10px;}



.showtop{ margin-top:0;}

.showtop h1{ font-size:24px;}

.column_en{ font-size:72px;}



.showtxt .showtable{ width:100%; overflow:auto;}

.showtxt .showtable table{ min-width:900px;}

.service02{ margin-top:0;}

.service02 li{ width:100%; margin-top:1%;}



.service01 li .img{ margin-right:20px;}

.service01 li .txt .cn{ font-size:20px; line-height:30px;}

.service01 li .txt .en{ font-size:18px; line-height:30px;}





.dsjmain{ margin-bottom:20px;}

.dsj{ width:100%;}

.dsj::after{ display:none;}

.dsj .li01{ margin-top:0;}

.dsjtit{ text-align:center; width:100%; font-size:24px; line-height:1.5; margin:0;}

.dsj li{ width:100%; margin:0;}

.dsj li.fr{ padding:0;}

.dsj li.fl{ padding:0;}

.dsj li .txt{ width:100%; padding:15px;height:auto; margin:0; }

.dsj li h3{ margin:15px 0; padding-left:25px;}

.dsj li.fl h3{ text-align:left;background:url(../images/dsjico.png) no-repeat left center; }



.dsj li.dsjbj .txt{ background:#eaeaea; }

.dsjjt{ display:none;}





.bustable li{ width:100%;}

.bustable li:first-child { display:none;}



.infols li{ width: 48%; margin:2% 1% 0 1%; }
}



@media screen and (max-width:860px) {

.nav li{ width:83px;}



.hleft{ width:100%;}

.hright{ width:100%;}



.ns02{ margin-top:0;}

.ns02 > li{ width:100%; margin-top:1%;}

.toutiao .timg img{ height:auto;}

.toutiao .tname{ height:auto; border-bottom:none;}


.login .container{ width: 100%; }

}



@media screen and (max-width: 768px) {
.p20{ padding:0 20px;}

.nav{ display:none;}

.search{ display:none;}

.nav-toggle{ display:block;}

.search-btn{ display:block;}



.header{ padding-bottom:0; height:61px; border-bottom:1px solid #dcdcdc;border-top:none; position:fixed; top:0; z-index:10; background:#ffffff; width:100%;}

.header .logos{ margin-top:5px;}

.header .logos img{ height:50px;}



.nav{ width:100%; position:fixed; z-index:20;  top:61px; left:0; border-top:1px solid #ffffff; padding:0; margin:0; background:none; height:auto;}

.nav li{ width:100%; margin:0; text-align:left;border-bottom:1px solid #ffffff; height:auto; line-height:auto; font-weight:normal; }

.nav li>a{background-color: rgba(0,0,0,0.7);line-height:40px; padding:0 20px; font-size:16px; color:#ffffff;}

.nav li:hover, .nav li.on{background:none;}



.search{ width:100%; top:60px; left:0; position:absolute; margin:0;}

.search .sval{ width:85%;}

.search .sbmt{ width:15%; background-color:#db1214;}





.hty{ display:none;}



.banner{ margin-top:61px; margin-bottom:20px;}

.pcban{ display:none;}

.wapban{ display:block;}



.banner .swiper-button-next{ display:none;}

.banner .swiper-button-prev{ display:none;}



.banner .swiper-pagination-bullets{ bottom:0!important;}





.newsban{ width:100%; margin-bottom:20px;}

.newsban img{ height:auto;}

.focus{ width:100%;}



.news{ padding:0 20px;}



.news02{ margin:20px 0 0 0;}

.thematic { width:100%;}

.thematic .img{ margin:15px 20px;}

.news02 .news{ padding:0 20px 20px 20px;}

.tab{ width:100%;}

.hot{ padding:15px 20px;}



.business{ padding:0; }

.buslist{ padding:20px; margin-bottom:0;}

.buslist li{ width:31.33%; margin:2% 1% 0 1%;}



.hright{ margin-top:20px; }

.hright .rkuai{ padding-bottom:15px; margin-bottom:20px;}

.hright .rkuai2{ padding:20px; margin-bottom:0;}



.dbkuai{ margin:0 20px 0 20px; width:auto;}

.dbkuai li{ width:100%; margin-top:20px;}

.dbkuai li.dbk03{ width:100%;}



.select{ margin-bottom:9px;}

.select li{ width:100%; margin:0 0 10px 0;}

.ftxt{ margin:0; padding:20px 0;}

.dblogo{ display:none;}

.wechat { display:none;}



.dbx03{ height:20px;}



.nyban{ margin-bottom:0; margin-top:61px; height:200px;}



.bus01{ margin-top:20px;}

.bus01 .img{ width:100%; }

.bus01 .txt{ width:100%;margin-top:10px;}



.bus02{ margin-top:0;}

.bus02 li{ width:100%; margin-top:20px;}



.bus03{ margin-top:20px;}

.bus03 .img { width:100%; margin-bottom:10px;}

.bus03 .txt { width:100%;}



.bus04{ margin-top:0;}

.bus04 li{ width:100%; margin-top:20px;}

.bus04 li .img{ margin-bottom:10px;}

.lklist li{ width:49.5%;}



.nsban{ width:100%; margin-top:20px;}

.nsban img{ height:auto;}

.hotnews{ width:100%; margin-top:20px; padding-bottom:20px;}

.links{ margin-top:20px;}

.ns02 > li{ width:100%; margin-top:20px;}



.imgnews{ margin-top:20px;}

.imglist li{ width:49.5%;}



.ns03{ margin-top:0;}

.ns03 > li{ width:100%; margin-top:20px;}



.mainleft{ width:100%;}

.top_column{ display:none;}

.nynav{ margin: 0 0 20px 0;}

.nynav li{ width:25%; font-size:15px; height:40px; line-height:40px; border-left:1px solid #ffffff;}



.mainright{ width:100%; padding:0 20px;}

.nttit{ height:60px;}

.nttit h3{ font-size:20px; line-height:57px;}



.tuilist li{ width:100%;}

.newsinfo{ padding:15px;}



.shownews .newstxt{ padding:0; margin:0 auto; width:100%; }

.shownews{ padding:20px;}

.showtop h1{ padding:10px 0; font-size:20px;}

.artpage2 span{ width:100%; padding:10px 0;}

.artpage2 span:first-child{ border-right:none;}



.tuitit{ line-height:60px; }

.tuitit span{font-size:20px;}



.nyban .banwz{ bottom:10px; }

.nyban .bantxt{ right:2%; top:18%; }

.nyban .bantxt .en{ font-size:18px; line-height:26px;}

.nyban .bantxt .cn{ font-size:18px; line-height:26px;}



.kmain{ padding:0 20px 20px 20px;}



.recom01 .profile{ width:100%; margin-top:20px; height:auto;}

.recom01 .profile_info{ width:100%; margin-bottom:20px;}

.recom01 .profile_info a{ width:31.33%; margin:20px 1% 0 1%;}



.recom01 .profile_video{ width:100%;}

.address{ width:100%; margin-top:20px; height:auto;}



.recom02{ margin-top:0;}

.recom02 li{ width:100%; margin-top:20px; height:auto;}



.recom03{ margin-top:0;}

.recom03 .events{ width:100%; margin-top:20px; overflow:hidden; height:auto;}

.recom03 .events .img{ width:100%;}

.recom03 .events .dsjlist{ width:100%; margin-top:20px;}



.recom03 .honor{ width:100%; margin-top:20px; height:auto;}



.recom04{ margin-top:20px;}

.engineering li { width:49%;}



.service01{ margin:0 20px;}



.service01 li{ width:100%; margin-top:20px;}



.service02 li{  margin-top:20px;}



.contact{ margin-top:20px;}

.conlist li{ padding-left:30px;	background-position: left!important;}

.contxt{ width:100%;}

.map{ width:100%; padding:20px;}



.login{ margin-top:61px; height:auto; padding:30px 0; background-size:auto 100%;   }

.oalogin{ width:340px; margin:0 auto; float:none;}

.oalogin .oaurl{ width:100%;}

.mailsso{ margin:0 auto 30px auto; float:none; width:340px; }



.bustable { margin-bottom:20px;}

.column_en{ display:none;}



.dbty{ margin-top:7px;}



.tuimg li{ width:48%; }

.tuimg li span{ margin-top:10px; font-size: 14px; }



.infols li{ width: 100%; margin:0 0 2% 0; }

.ztlist{ margin-bottom:15px; }

.wh01 h3{font-size:20px;}
.wh01 .whtxt li{ font-size:14px;}
.wh01 .whtxt li b{ font-size:16px;}

.wh01 .whtxt{ width:100%; }
.wh01 .whtxt li{ width:50%; margin-bottom:10px; }

.wh02{ background-size:80% auto;}

.wh02 h3{ font-size:20px;}

.wh03 li h3{ font-size:16px;}
.wh03 li { font-size:14px;}


.submission_main{ overflow:hidden; width: 100%; margin:20px auto 0 auto; padding:0 20px; }
.submission_main .form_input{ width: 100%; overflow: hidden; margin-bottom:10px;  }
.submission_main .form_input .form_l{ float:left; line-height:30px; font-size:16px; color:#333; width:100px; text-align:left; }
.submission_main .form_input .form_r{ float:left;  width:100%; }

.submission_main .form_input .form_r #file{ width:80%; }
.submission_main .form_input .attachment a{ width:20%;}
.submission_main button{ margin:0 auto; display: block;  }
}



@media screen and (max-width: 480px) {

.infolist li{ margin-bottom:20px; padding-bottom:15px;}

.infolist li .img{ width:100%;}

.infolist li .txt{ width:100%; padding-left:0; padding-top:10px;}

.infolist li .txt::after { display:none;}

.infolist li .txt span{ line-height:30px;}



}